<template>
  <div class="ShopAccount">
    <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/' }"
        ><i class="lh lh-diaodu fw_100"></i
      ></el-breadcrumb-item>
      <el-breadcrumb-item>B端-商户</el-breadcrumb-item>
      <el-breadcrumb-item>店铺充值</el-breadcrumb-item>
    </el-breadcrumb>
    <div class="content_Box box-shadow abnormal mt_15">
      <div class="py_5 px_10">
        <div class="top">
          <div class="box1">
            <div class="row-info clear">
              <div class="label-name">店铺名称：</div>
              <div class="label-value">{{ shopInfo.shop_name }}</div>
            </div>
            <div class="row-info clear">
              <div class="label-name">公司名称：</div>
              <div class="label-value">{{ shopInfo.company_name }}</div>
            </div>
            <div class="row-info clear">
              <div class="label-name">店铺负责人：</div>
              <div class="label-value">{{ shopInfo.contact }}</div>
            </div>
            <div class="row-info clear">
              <div class="label-name">账户余额(元)：</div>
              <div class="label-value money">{{ amountMoney }}元</div>
              <el-button type="warning" size="mini" @click="showRecharge()"
                >充值</el-button
              >
              <el-button type="primary" size="mini" @click="showWithdrawal()"
                >提现</el-button
              >
            </div>
          </div>
          <div class="box2">
            <div class="row-info clear">
              <div class="label-name">店铺类型：</div>
              <div class="label-value">{{ shopInfo.type_name }}</div>
            </div>
            <div class="row-info clear">
              <div class="label-name">营业执照注册号：</div>
              <div class="label-value">{{ shopInfo.registration_no }}</div>
            </div>
            <div class="row-info clear">
              <div class="label-name">负责人手机号：</div>
              <div class="label-value">{{ shopInfo.contact_phone }}</div>
            </div>
            <div class="row-info clear">
              <div class="label-name">可透支额度(元)：</div>
              <div class="label-value money">{{ overdraftMoney }}元</div>
              <el-button type="danger" size="mini" @click="showOverdraft()"
                >设置</el-button
              >
              <el-button type="info" size="mini" @click="showRecord()"
                >操作记录</el-button
              >
            </div>
          </div>
        </div>
        <el-row>
          <el-col :span="4">
            <el-button type="default" @click="downloadOrder()" round size="mini"
              >导出</el-button
            >
          </el-col>
          <el-col :span="20">
            <el-form
              :inline="true"
              class="form-inline fr"
              @keyup.enter.native="shearchBtn()"
            >
              <el-form-item>
                <el-input
                  v-model="query.sn"
                  placeholder="交易流水号"
                ></el-input>
              </el-form-item>
              <el-form-item>
                <el-input
                  v-model="query.logic_sn"
                  placeholder="支付记录编号"
                ></el-input>
              </el-form-item>
              <el-form-item class="w_80">
                <el-select v-model="query.logic_type" placeholder="交易类型">
                  <el-option label="充值" value="1"></el-option>
                  <el-option label="提现" value="2"></el-option>
                  <el-option label="扣款" value="3"></el-option>
                  <el-option label="退款" value="4"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item prop="start_time">
                <el-date-picker
                  class="w_180i"
                  v-model="query.start_time"
                  type="datetime"
                  value-format="yyyy-MM-dd HH:mm:ss"
                  format="yyyy-MM-dd HH:mm:ss"
                  default-time="00:00:00"
                  placeholder="创建开始时间"
                >
                </el-date-picker> </el-form-item
              >~
              <el-form-item prop="end_time">
                <el-date-picker
                  class="w_180i"
                  v-model="query.end_time"
                  type="datetime"
                  value-format="yyyy-MM-dd HH:mm:ss"
                  format="yyyy-MM-dd HH:mm:ss"
                  default-time="23:59:59"
                  placeholder="创建结束时间"
                >
                </el-date-picker>
              </el-form-item>

              <el-button
                size="mini"
                type="primary"
                class="round-right"
                native-type="button"
                @click="shearchBtn"
                >搜索</el-button
              >
              <el-button size="mini" round @click="resetDataBtn"
                >重置</el-button
              >
            </el-form>
          </el-col>
        </el-row>
      </div>
      <div class="tableMaxBox">
        <template>
          <!-- 表格部分 -->
          <el-table :data="demandList" stripe>
            <el-table-column
              prop="id"
              type="index"
              label="序号"
              width="50px"
              align="center"
            ></el-table-column>
            <el-table-column prop="sn" label="交易流水号" width="150px">
              <template slot-scope="{ row }">
                <span>{{ row.sn }}</span>
              </template>
            </el-table-column>
            <el-table-column prop="amount" label="金额（元）" width="80px">
              <template slot-scope="{ row }">
                <span>{{ row.amount }}</span>
              </template>
            </el-table-column>
            <el-table-column prop="amount_after" label="余额(元)" width="80px">
              <template slot-scope="{ row }">
                <span>{{ row.amount_after }}</span>
              </template>
            </el-table-column>
            <el-table-column
              prop="logic_type_name"
              label="交易类型"
              width="100px"
            >
              <template slot-scope="{ row }">
                <span>{{ row.logic_type_name }}</span>
              </template>
            </el-table-column>
            <el-table-column
              prop="channel_name"
              label="支付方式"
              width="120px"
            ></el-table-column>
            <el-table-column prop="logic_sn" label="支付订单号" width="160px">
              <template slot-scope="{ row }">
                <span class="pointer u text-primary" @click="goToMore(row)">{{
                  row.logic_sn
                }}</span>
              </template>
            </el-table-column>
            <el-table-column
              prop="entry_company"
              label="到账公司"
              min-width="200px"
            ></el-table-column>
            <el-table-column
              prop="remark"
              label="备注"
              width="200px"
            ></el-table-column>
            <el-table-column
              prop="add_time"
              label="操作时间"
              width="150px"
            ></el-table-column>
            <el-table-column
              prop="creater_name"
              label="操作人"
              width="150px"
            ></el-table-column>
            <el-table-column label="操作" width="60px" fixed="right">
              <template slot-scope="{ row }">
                <el-link
                  :underline="false"
                  type="warning"
                  @click="showSeeTag(row)"
                  >查看</el-link
                >
              </template>
            </el-table-column>
          </el-table>
          <!-- 分页组件 -->
          <page
            :total="total"
            :pageNums="pageNum"
            :disableMountedFetch="true"
            @pagedata="onChildValue"
          ></page>
        </template>
      </div>
    </div>
    <!-- 充值弹框 -->
    <el-dialog
      title="充值"
      :visible.sync="rechargeTag"
      width="700px"
      :close-on-click-modal="false"
      :before-close="hiddenRY"
    >
      <div class="auditCentent tz">
        <div class="auditCentent_next">
          <div class="row-info clear">
            <div class="fl title-key">店铺名称</div>
            <div class="fl list-cont">
              {{ shopInfo.shop_name }}
            </div>
          </div>
        </div>
        <div class="auditCentent_next">
          <div class="row-info clear">
            <div class="fl title-key">账户余额</div>
            <div class="fl list-cont">{{ amountMoney }}元</div>
          </div>
        </div>
        <div class="auditCentent_next">
          <div class="row-info clear">
            <div class="fl title-key">
              <i class="lhadmin lhadmin-wujiaoxing"></i>充值金额(元)
            </div>
            <div class="fl list-cont">
              <el-input size="mini" v-model="recharge.amount"></el-input>
            </div>
          </div>
          <div class="row-info clear">
            <div class="fl title-key">
              <i class="lhadmin lhadmin-wujiaoxing"></i>支付方式
            </div>
            <div class="fl list-cont">
              <el-select
                v-model="recharge.channel"
                placeholder="请选择支付方式"
              >
                <el-option label="请选择" value=""></el-option>
                <el-option label="线下银行" value="2"></el-option>
                <el-option label="线下微信" value="9"></el-option>
                <el-option label="线下支付宝" value="10"></el-option>
              </el-select>
            </div>
          </div>
        </div>
        <div class="auditCentent_next dzgs">
          <div class="row-info clear">
            <div class="fl title-key">到账公司</div>
            <div class="fl list-cont">
              <el-select
                v-model="recharge.entry_company"
                placeholder="请选择到账公司"
              >
                <el-option
                  label="中服云（北京）科技有限公司"
                  value="中服云（北京）科技有限公司"
                ></el-option>
                <el-option
                  label="中服云（三河）科技有限公司"
                  value="中服云（三河）科技有限公司"
                ></el-option>
                <el-option
                  label="中服云（北京）管理咨询有限公司"
                  value="中服云（北京）管理咨询有限公司"
                ></el-option>
              </el-select>
            </div>
          </div>
        </div>
        <div class="auditCentent_next">
          <div class="row-info clear">
            <div class="fl title-key">备注</div>
            <div class="fl list-cont shichang">
              <el-input
                type="textarea"
                :rows="8"
                :cols="44"
                placeholder="请填写备注"
                v-model="recharge.remark"
              ></el-input>
            </div>
          </div>
        </div>
      </div>
      <div slot="footer" class="dialog-footer">
        <span class="btnOK mr_20" @click="confirmRecharge()">确 定</span>
        <span class="resetBtn" @click="hiddenRY()">取 消</span>
      </div>
    </el-dialog>
    <!-- 提现弹框 -->
    <el-dialog
      title="提现"
      :visible.sync="withdrawalTag"
      width="700px"
      :close-on-click-modal="false"
      :before-close="hiddenRY"
    >
      <div class="auditCentent tz">
        <div class="auditCentent_next">
          <div class="row-info clear">
            <div class="fl title-key">店铺名称</div>
            <div class="fl list-cont">
              {{ shopInfo.shop_name }}
            </div>
          </div>
        </div>
        <div class="auditCentent_next">
          <div class="row-info clear">
            <div class="fl title-key">账户余额</div>
            <div class="fl list-cont">{{ amountMoney }}元</div>
          </div>
        </div>
        <div class="auditCentent_next">
          <div class="row-info clear">
            <div class="fl title-key">
              <i class="lhadmin lhadmin-wujiaoxing"></i>提现金额(元)
            </div>
            <div class="fl list-cont">
              <el-input size="mini" v-model="withdrawal.amount"></el-input>
            </div>
          </div>
        </div>
        <div class="auditCentent_next">
          <div class="row-info clear">
            <div class="fl title-key">备注</div>
            <div class="fl list-cont shichang">
              <el-input
                type="textarea"
                :rows="8"
                :cols="44"
                placeholder="请填写备注"
                v-model="withdrawal.remark"
              ></el-input>
            </div>
          </div>
        </div>
      </div>
      <div slot="footer" class="dialog-footer">
        <span class="btnOK mr_20" @click="confirmWithdrawal()">确 定</span>
        <span class="resetBtn" @click="hiddenRY()">取 消</span>
      </div>
    </el-dialog>
    <!-- 设置可透支金额弹框 -->
    <el-dialog
      title="设置可透支额度"
      :visible.sync="overdraftTag"
      width="700px"
      :close-on-click-modal="false"
      :before-close="hiddenRY"
    >
      <div class="auditCentent tz">
        <div class="auditCentent_next">
          <div class="row-info clear">
            <div class="fl title-key">店铺名称</div>
            <div class="fl list-cont">
              {{ shopInfo.shop_name }}
            </div>
          </div>
        </div>
        <div class="auditCentent_next">
          <div class="row-info clear">
            <div class="fl title-key">
              <i class="lhadmin lhadmin-wujiaoxing"></i>可透支金额(元)
            </div>
            <div class="fl list-cont">
              <el-input
                size="mini"
                v-model="overdraft.amount"
                onkeyup="this.value=parseInt(this.value.replace(/\D/g,'')||0)"
              ></el-input>
            </div>
          </div>
        </div>
        <div class="auditCentent_next">
          <div class="row-info clear">
            <div class="fl title-key">
              <i class="lhadmin lhadmin-wujiaoxing"></i>备注
            </div>
            <div class="fl list-cont shichang">
              <el-input
                type="textarea"
                :rows="8"
                :cols="44"
                placeholder="请填写备注"
                v-model="overdraft.remark"
              ></el-input>
            </div>
          </div>
        </div>
      </div>
      <div slot="footer" class="dialog-footer">
        <span class="btnOK mr_20" @click="confirmOverdraft()">确 定</span>
        <span class="resetBtn" @click="hiddenRY()">取 消</span>
      </div>
    </el-dialog>
    <!-- 可透支金额操作记录-弹框 -->
    <el-dialog
      title="可透支金额操作记录"
      :visible.sync="recordTag"
      width="600px"
      :close-on-click-modal="false"
      :before-close="hiddenRY"
    >
      <div class="auditCentent">
        <div
          class="wrap-timeline"
          v-for="(item, index) in overdraft_record"
          :key="index"
        >
          <div class="timeline">
            <span>{{ item.add_time }}</span>
          </div>
          <div class="timeline next">
            <div>
              <span class="money">{{ item.amount }}元</span>
              <span>{{ item.creater_name }}</span>
            </div>
            <div class="record">
              <span>{{ item.remark }}</span>
            </div>
          </div>
        </div>
      </div>
    </el-dialog>
    <!-- 查看弹框 -->
    <el-dialog
      title="交易详情"
      :visible.sync="seeTag"
      width="700px"
      :close-on-click-modal="false"
      :before-close="hiddenRY"
    >
      <div class="auditCentent tz seeTag">
        <div class="auditCentent_next">
          <div class="row-info clear">
            <div class="fl title-key">交易流水号：</div>
            <div class="fl list-cont">
              {{ rowData.sn }}
            </div>
          </div>
          <div class="row-info clear">
            <div class="fl title-key">支付订单号：</div>
            <div class="fl list-cont">
              {{ rowData.logic_sn }}
            </div>
          </div>
        </div>
        <div class="auditCentent_next">
          <div class="row-info clear">
            <div class="fl title-key">店铺名称：</div>
            <div class="fl list-cont">
              {{ rowData.shop_name }}
            </div>
          </div>
        </div>
        <div class="auditCentent_next" v-if="rowData.transaction_id">
          <div class="row-info clear">
            <div class="fl title-key">微信商户订单号：</div>
            <div class="fl list-cont">
              {{ rowData.transaction_id }}
            </div>
          </div>
        </div>
        <div class="auditCentent_next">
          <div class="row-info clear">
            <div class="fl title-key">交易金额：</div>
            <div class="fl list-cont">{{ rowData.amount }}元</div>
          </div>
          <div class="row-info clear">
            <div class="fl title-key">余额：</div>
            <div class="fl list-cont">{{ rowData.amount_after }}元</div>
          </div>
        </div>
        <div class="auditCentent_next">
          <div class="row-info clear">
            <div class="fl title-key">交易类型：</div>
            <div class="fl list-cont">
              {{ rowData.logic_type_name }}
            </div>
          </div>
          <div class="row-info clear">
            <div class="fl title-key">支付方式：</div>
            <div class="fl list-cont">
              {{ rowData.channel_name }}
            </div>
          </div>
        </div>
        <div class="auditCentent_next">
          <div class="row-info clear">
            <div class="fl title-key">备注：</div>
            <div class="fl list-cont">
              {{ rowData.remark }}
            </div>
          </div>
        </div>
        <div class="auditCentent_next">
          <div class="row-info clear">
            <div class="fl title-key">操作时间：</div>
            <div class="fl list-cont">
              {{ rowData.add_time }}
            </div>
          </div>
        </div>
        <div class="auditCentent_next">
          <div class="row-info clear">
            <div class="fl title-key">操作人：</div>
            <div class="fl list-cont">
              {{ rowData.creater_name }}
            </div>
          </div>
        </div>
      </div>
      <div slot="footer" class="dialog-footer">
        <span class="resetBtn" @click="hiddenRY()">关 闭</span>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { getShopInfo, fetchRecordList, shopRecharge, shopWithdraw, shopSetoverdraft, getAccountInfo } from '@/api/shop'
var common = require('../../../static/tool.js')
export default {
  name: 'ShopAccount',
  data() {
    return {
      manageInfo: JSON.parse(sessionStorage.getItem('manageInfo')), //登录信息
      url: common.url,
      head_url: common.head_url,
      shop_name: '',
      shop_sn: '',
      account_sn: '',
      //搜索对应值
      query: {},
      demandList: [],
      overdraftMoney: '0', //可透支余额
      amountMoney: '0', //余额
      recharge: { amount: '', channel: '', entry_company: '', remark: '' },
      withdrawal: { amount: '', remark: '' },
      overdraft: { amount: '', remark: '' },
      overdraft_record: [], //操作记录
      shopInfo: { shop_name: '', company_name: '', contact: '', type: '', registration_no: '', contact_phone: '' },
      //向分页组件传值
      total: 0,
      pageNum: 1,
      pageSizeNow: 20,
      rechargeTag: false,
      withdrawalTag: false,
      overdraftTag: false,
      recordTag: false,
      seeTag: false,
      rowData: ''
    }
  },
  created() {
    if (this.$route.query.shop_sn && this.$route.query.shop_name && this.$route.query.account_sn) {
      this.shop_sn = this.$route.query.shop_sn
      this.shop_name = this.$route.query.shop_name
      this.account_sn = this.$route.query.account_sn
    }
    this.resetData()

    // this.getShopInfo()
    // this.listData()
    // this.getAccountInfo()
    this.getAll()
  },
  mounted() { },
  methods: {
    getAll() {
      Promise.all([
        getShopInfo({
          shop_sn: this.shop_sn
        }),
        getAccountInfo({
          account_sn: this.account_sn,
          shop_sn: this.shop_sn
        }),
        fetchRecordList({
          pageSize: this.pageSizeNow,
          page: this.pageNum,
          account_sn: this.account_sn,
          sn: this.query.sn,
          shop_name: this.$route.query.shop_name,
          logic_sn: this.query.logic_sn,
          logic_type: this.query.logic_type,
          start_time: this.query.start_time,
          end_time: this.query.end_time
        })
      ])
        .then(result => {
          const [ret1, ret2, ret3] = result
          this.getShopInfo(ret1)
          this.getAccountInfo(ret2)
          this.resListData(ret3)
        })
        .catch(error => {
          this.$message.error('暂未开通充值账户！')
        })
    },
    getShopInfo(ret) {
      for (const key in this.shopInfo) {
        this.shopInfo[key] = ret[key]
        if (key == 'type') {
          this.shopInfo.type_name = this.shopInfo[key] == 1 ? '企业' : '个人'
        }
      }
    },
    getAccountInfo(ret) {
      if (ret.overdraft || ret.amount || ret.overdraft_record) {
        this.overdraftMoney = ret.overdraft
        this.amountMoney = ret.amount
        this.overdraft_record = ret.overdraft_record
      }
    },
    resListData(ret) {
      if (ret.list) {
        this.demandList = ret.list
        this.total = ret.count
      } else {
        this.demandList = []
        this.total = 0
      }
    },

    async listData() {
      try {
        let ret = await fetchRecordList({
          pageSize: this.pageSizeNow,
          page: this.pageNum,
          account_sn: this.account_sn,
          sn: this.query.sn,
          shop_name: this.$route.query.shop_name,
          logic_sn: this.query.logic_sn,
          logic_type: this.query.logic_type,
          start_time: this.query.start_time,
          end_time: this.query.end_time
        })

        if (ret.list) {
          this.demandList = ret.list
          this.total = ret.count
        } else {
          this.demandList = []
          this.total = 0
        }
      } catch (err) {
        console.log(err)
      }
    },

    shearchBtn() {
      this.pageNum = 1
      this.listData()
    },
    async confirmRecharge() {
      try {
        if (isNaN(this.recharge.amount)) {
          return this.$message.error('金额不是一个数，请输入整数或浮点数！')
        }
        if (!this.recharge.amount || !this.recharge.channel) {
          this.$message.error('请填写必填项！')
          return
        }
        if (+this.recharge.amount <= 0) {
          this.$message.error('金额不能小于等于0！')
          return
        }
        let ret = await shopRecharge({
          account_sn: this.account_sn,
          shop_sn: this.shop_sn,
          amount: this.recharge.amount,
          channel: this.recharge.channel,
          entry_company: this.recharge.entry_company,
          remark: this.recharge.remark
        })
        this.$message.success('充值成功！')
        this.hiddenRY()
        // this.getAccountInfo()
        // this.listData()
        this.getAll()
      } catch (err) {
        console.log(err)
      }
    },
    async confirmWithdrawal() {
      try {
        if (isNaN(this.withdrawal.amount)) {
          return this.$message.error('金额不是一个数，请输入整数或浮点数！')
        }
        if (!this.withdrawal.amount) {
          this.$message.error('请填写必填项！')
          return
        }
        if (this.withdrawal.amount > this.amountMoney) {
          this.$message.error('提现金额不能大于账户余额！')
          return
        }
        if (+this.withdrawal.amount <= 0) {
          this.$message.error('金额不能小于等于0！')
          return
        }
        let ret = await shopWithdraw({
          account_sn: this.account_sn,
          shop_sn: this.shop_sn,
          amount: this.withdrawal.amount,
          remark: this.withdrawal.remark
        })
        this.$message.success('提现成功！')
        this.hiddenRY()
        // this.getAccountInfo()
        // this.listData()
        this.getAll()
      } catch (err) {
        console.log(err)
      }
    },
    async confirmOverdraft() {
      try {
        if (!this.overdraft.amount || !this.overdraft.remark) {
          this.$message.error('请填写必填项！')
          return
        }

        let ret = await shopSetoverdraft({
          account_sn: this.account_sn,
          shop_sn: this.shop_sn,
          amount: parseInt(this.overdraft.amount),
          remark: this.overdraft.remark
        })
        this.$message.success('设置成功！')
        this.hiddenRY()
        // this.getAccountInfo()
        this.getAll()
      } catch (err) {
        console.log(err)
      }
    },
    resetDataBtn() {
      this.resetData()
      this.listData()
    },
    resetData() {
      this.pageNum = 1
      this.query = {
        sn: '',
        logic_sn: '',
        logic_type: '',
        start_time: '',
        end_time: ''
      }
    },
    goToMore(row) {
      const { href } = this.$router.resolve({
        path: '/orderTradeList',
        query: { logic_sn: row.logic_sn }
      })
      window.open(href, '_blank')
    },

    //分页组件->子组件传值
    onChildValue(item) {
      this.pageNum = item[0]
      this.pageSizeNow = item[1]
      this.listData()
    },
    //导出
    async downloadOrder() {
      let obj = {
        token: JSON.parse(sessionStorage.getItem('manageInfo')).token,
        operation: 'export',
        account_sn: this.account_sn,
        sn: this.query.sn,
        shop_name: this.$route.query.shop_name,
        logic_sn: this.query.logic_sn,
        logic_type: this.query.logic_type,
        start_time: this.query.start_time,
        end_time: this.query.end_time
      }
      let param = $.param(obj)
      window.location.href = this.url + '/shop/recordList?' + param
    },
    showRecharge() {
      this.rechargeTag = true
    },
    showWithdrawal() {
      this.withdrawalTag = true
    },
    showOverdraft() {
      this.overdraftTag = true
    },
    showRecord() {
      this.recordTag = true
    },
    showSeeTag(row) {
      this.seeTag = true
      this.rowData = row
    },
    //隐藏所有的弹框
    hiddenRY() {
      this.rechargeTag = false
      this.withdrawalTag = false
      this.overdraftTag = false
      this.recordTag = false
      this.seeTag = false
      this.recharge.amount = ''
      this.recharge.channel = ''
      this.recharge.entry_company = ''
      this.recharge.remark = ''
      this.withdrawal.amount = ''
      this.withdrawal.remark = ''
      this.overdraft.amount = ''
      this.overdraft.remark = ''
    }
  }
}
</script>

<style scoped>
.top {
  display: flex;
  margin-bottom: 20px;
}
.box1 {
  margin-right: 30px;
}

.label-name {
  width: 100px;
  text-align: right;
  font-size: 12px;
  color: #888888;
  line-height: 34px;
  float: left;
}

.label-value {
  font-size: 14px;
  color: #353c48;
  line-height: 34px;
  padding-left: 10px;
  float: left;
}
.money {
  color: #d40505;
  margin-right: 20px;
}
.auditCentent_next {
  display: flex;
  margin-bottom: 10px;
}
.ShopAccount .row-info .title-key {
  width: 105px;
}

.ShopAccount .timeline {
  float: left;
}

.ShopAccount .next {
  margin-left: 20px;
}

.ShopAccount .timeline .money {
  color: #d40505;
}

.ShopAccount .timeline .record {
  width: 380px;
  margin-top: 6px;
}

.wrap-timeline {
  display: block;
  overflow: auto;
  margin-bottom: 20px;
}
</style>
<style>
.tableMaxBox .el-table th .el-checkbox__input {
  display: block;
}

.ShopAccount .dzgs .el-select .el-input {
  width: 250px;
}

.seeTag .row-info {
  min-width: 260px;
}
</style>



// WEBPACK FOOTER //
// src/components/shop/ShopAccount.vue